﻿<!doctype html>
<html lang="en">
<head>
    <title>测评</title>

    <meta charset="utf-8">
    <meta name="keywords" content="短照中心-湘潭市康复养老中心;">
    <meta name="description" content="短照中心-湘潭市康复养老中心;">
    <link rel="stylesheet" rev="stylesheet" href="css/framepage.css" type="text/css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="js/waitBox/wait.css">

    <script src="js/vue.js"></script>
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script src="js/JSON-js-master/json2.js"></script>
    <script src="js/waitBox/wait.js"></script>
    <style>

        #vue_vm_list ul:last-of-type {
            background: #333 !important;
        }
    </style>
</head>

<body>

</body>
<body style="background:rgb(216,216,216);">
<div class="form_div" id="vue_vm">
    <div id="vue_vm_list">
        <ul>
            <li>
                <h3>{{data.topic}}</h3>
            </li>
            <li>
                <span> {{data.content}}</span>
            </li>
        </ul>
        <ul style="color:#008291;">
            <li style="width:100%;"><span style="display:block;position:absolute;top:0;left:0;"><span
                    class="elder-name"></span>【身份证号：<span class="elder-card-id"></span>】</span>
            </li>
        </ul>
        <ul v-for="(item,index) in data.testTopicItemForms" class="list clearfix" v-if="index<=9">
            <li style="width:60px;" v-for="(answerItem,answerItemIndex) in item.testTopicItemAnswerForms">
                <input class="magic-radio" type="radio" :name="answerItem.testTopicItemId" :id="answerItem.testTopicItemId+answerItemIndex"
                       @click="radioClick(answerItem)"/>
                <label :for="answerItem.testTopicItemId+answerItemIndex" class="label_txt">{{answerItem.answerScore}}分</label>
            </li>
            <li style="height:24px;line-height:24px;">
                <span>{{item.itemName}}</span>
            </li>
        </ul>
        <ul v-for="(item,index) in data.testTopicItemForms">

            <li v-if="index==data.testTopicItemForms.length-1" style="height:24px;line-height:24px;width: 100%;margin-bottom: 20px;">
                <span>{{item.itemName}}</span>
            </li>
            <li v-if="index==data.testTopicItemForms.length-1" style="width: 100%;"
                v-for="(answerItem,answerItemIndex) in item.testTopicItemAnswerForms">
                <input class="magic-radio" type="radio" :name="answerItem.testTopicItemId" :id="answerItem.testTopicItemId+answerItemIndex"
                       @click="radioClick(answerItem)"/>
                <label :for="answerItem.testTopicItemId+answerItemIndex" class="label_txt">{{answerItem.answerScore}}分<span style="margin-left: 10px;">{{answerItem.answerDesc}}</span></label>
            </li>

        </ul>

        <div class="for_ie_div"><!--为兼容IE-->
            <ul>
                <li><input type="button" value="查看结果" class="button button1"
                           onclick="checkResult()" style="height:38px;"/>
                </li>
            </ul>
        </div>
        </ul>
        </ul>
    </div>
</div>
<div style="clear:both;"></div>
<script src="js/common.js"></script>
<script src="js/common_function.js"></script>
<script src="js/busi/cheping-3.js"></script>
</body>
</html>
